<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/template.xhtml">

	<ui:define name="titre">Changer son mot de passe</ui:define>

	<ui:define name="contenu">
		<div class="middlecol">
			<rich:panel styleClass="wizard">
				<f:facet name="header">
					<h:outputText value="Changer son mot de passe" />
				</f:facet>

				<h:panelGrid columns="3">
					<h:outputText />
					<rich:messages showDetail="true" />
					<h:outputText />
				</h:panelGrid>

				<h:form>
					<h:panelGrid id="updatePwd">
						<h:panelGrid columns="3" columnClasses="label, value">
							<h:outputText for="old" value="Mot de Passe Actuel : *" />
							<h:inputSecret id="old" value="#{logging.oldPassword}"
								label="Mot de Passe Actuel" style="width:350px" />
							<rich:message for="old" />
							
							<h:outputText for="new" value="Nouveau Mot de Passe : *" />
							<h:inputSecret id="new" value="#{logging.password}"
								label="Nouveau Mot de Passe" style="width:350px">
								<f:validator validatorId="validator" />
								<f:attribute name="confirm" value="#{confPwd}" />
							</h:inputSecret>
							<rich:message for="new" />

							<h:outputText for="pwd" value="Confirmer Nouveau Mot de Passe : *" />
							<h:inputSecret id="pwd" label="Confirmation du Nouveau Mot de Passe"
								binding="#{confPwd}" style="width:350px" />
							<rich:message for="pwd" />

						</h:panelGrid>
					</h:panelGrid>
				</h:form>

				<center>
					<h:commandButton value="Enregistrer"
						action="#{logging.changerMotDePasse}" style="width:90px; height:23px" />
				</center>
			</rich:panel>
		</div>
	</ui:define>
</ui:composition>